<template>
   <!-- 设置语言为中文 -->
   <el-config-provider :locale="locale">
      <router-view></router-view>
   </el-config-provider>
</template>
<script setup>
import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
const locale = zhCn
</script>
<style>
/* 自定义顶部加载 Loading 颜色 */
#nprogress .bar {
   background: #409eff!important;
}
/* 暗黑模式 body 背景色 */
.dark body {
   --tw-bg-opacity: 1;
    background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}

/* Sticky Footer 解决方案 */
html, body {
   height: 100%;
   margin: 0;
}

#app {
   display: flex;
   flex-direction: column;
   min-height: 100vh;
}

/* 让主内容区域自动填充剩余空间，撑开页面高度 */
main {
   flex: 1 0 auto;
}

/* 确保 header 和 footer 不占用额外空间 */
header, footer {
   flex-shrink: 0;
}
</style>